import type { Metadata } from 'next';
import { notFound, permanentRedirect } from 'next/navigation';
import { loadCancer, TABS, type TabKey } from '@/components/cancer/load';
import { CancerHeader } from '@/components/cancer/header';
import { OverviewTab } from '@/components/cancer/tabs/overview';
import { StatisticsTab } from '@/components/cancer/tabs/statistics';
import { SurvivalTab } from '@/components/cancer/tabs/survival';
import { GenomicsTab } from '@/components/cancer/tabs/genomics';
import { EvidenceTab } from '@/components/cancer/tabs/evidence';
import { DrugsTab } from '@/components/cancer/tabs/drugs';
import { TrialsTab } from '@/components/cancer/tabs/trials';
import { ResearchTab } from '@/components/cancer/tabs/research';
import { RankingsTab } from '@/components/cancer/tabs/rankings';
import { SourcesTab } from '@/components/cancer/tabs/sources';
import { jsonLd, medicalConditionLd } from '@/lib/seo';
import { str, int, type SP } from '@/lib/search-params';
import { truncate } from '@/lib/format';

export const revalidate = 3600;
export const dynamicParams = true;

type Params = { slug: string; tab?: string[] };

function tabKey(tab: string[] | undefined): TabKey | null {
  const t = tab?.[0] ?? 'overview';
  if (tab && tab.length > 1) return null;
  return TABS.some((x) => x.key === t) ? (t as TabKey) : null;
}

export async function generateMetadata({ params }: { params: Promise<Params> }): Promise<Metadata> {
  const { slug, tab } = await params;
  const b = await loadCancer(slug);
  if (!b) return { title: 'Not found' };
  const key = tabKey(tab) ?? 'overview';
  const label = TABS.find((t) => t.key === key)?.label ?? '';
  const desc = b.cancer.description ? truncate(b.cancer.description, 160) : `${b.cancer.canonical_name} (${b.cancer.id}): taxonomy, statistics, genomics, evidence, drugs, trials, literature and rankings with full provenance.`;
  return {
    title: key === 'overview' ? b.cancer.canonical_name : `${b.cancer.canonical_name} — ${label}`,
    description: desc,
    alternates: { canonical: key === 'overview' ? `/cancer/${b.cancer.slug}` : `/cancer/${b.cancer.slug}/${key}` },
  };
}

export default async function CancerPage({ params, searchParams }: { params: Promise<Params>; searchParams: Promise<SP> }) {
  const { slug, tab } = await params;
  const key = tabKey(tab);
  if (!key) notFound();
  const b = await loadCancer(slug);
  if (!b) notFound();
  if (b.cancer.slug !== slug) permanentRedirect(key === 'overview' ? `/cancer/${b.cancer.slug}` : `/cancer/${b.cancer.slug}/${key}`);

  let body: React.ReactNode;
  switch (key) {
    case 'statistics':
      body = <StatisticsTab b={b} />;
      break;
    case 'survival':
      body = <SurvivalTab b={b} />;
      break;
    case 'genomics': {
      const sp = await searchParams;
      body = <GenomicsTab b={b} cohort={str(sp, 'cohort') || null} />;
      break;
    }
    case 'evidence': {
      const sp = await searchParams;
      body = <EvidenceTab b={b} evPage={int(sp, 'evPage', 1, 1, 100_000)} />;
      break;
    }
    case 'drugs': {
      const sp = await searchParams;
      body = <DrugsTab b={b} jurisdiction={str(sp, 'jurisdiction') || null} aPage={int(sp, 'aPage', 1, 1, 100_000)} />;
      break;
    }
    case 'trials': {
      const sp = await searchParams;
      body = <TrialsTab b={b} status={str(sp, 'status')} phase={str(sp, 'phase')} page={int(sp, 'page', 1, 1, 100_000)} />;
      break;
    }
    case 'research': {
      const sp = await searchParams;
      body = <ResearchTab b={b} pPage={int(sp, 'pPage', 1, 1, 100_000)} />;
      break;
    }
    case 'rankings':
      body = <RankingsTab b={b} />;
      break;
    case 'sources':
      body = <SourcesTab b={b} />;
      break;
    default:
      body = <OverviewTab b={b} />;
  }

  const ld = medicalConditionLd({ slug: b.cancer.slug, canonicalName: b.cancer.canonical_name, description: b.cancer.description, aliases: b.aliases.filter((a) => a.alias_type !== 'preferred').map((a) => a.alias), codes: b.codes });

  return (
    <article>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: jsonLd(ld) }} />
      <CancerHeader b={b} tab={key} />
      <div className="pt-6">{body}</div>
    </article>
  );
}